<template>
  <div class="clause-policy">
    <div class="header">
      <div @click="$router.go(-1)">
          <a-icon type="left" />
      </div>
      <div>
          <h1>条款政策</h1>
      </div>
    </div>
    <div class="content">
      <h3><b>提示条款</b></h3>
      <p>
        欢迎您使用我们的产品和服务！我们深知个人信息对您的重要性，您的信任对我们非常重要，我们将按法律法规要求采取相应安全保护措施，
        致力于保护您的个人信息安全可控。绿色优选服务提供者制定本《绿色优选条款政策》，帮助您充分了解在您使用我们产品和服务的过程中，
        我们会如何收集、使用、共享、存储和保护您的个人信息以及您可以如何管理您的个人信息，以便您更好地作出适当的选择。
      </p>
      <p>
        <b><u>需要特别说明的是，</u></b>本政策不适用于其他第三方向您提供的服务，亦不适用于您通过我们的产品/服务而接入的其他第三方产品/服务
        （“其他第三方”，包括您的交易相对方、任何第三方网站以及第三方服务提供者等），具体滚定请参照该第三方的隐私政策或类似声明。
      </p>
      <h3><b>隐私权政策</b></h3>
      <ul>
        <li>本政策将帮助您了解以下内容：</li>
        <li>一、我们将如何收集和使用您的信息</li>
        <li>二、我么如何使用Cookie和同类技术</li>
        <li>三、我们如何共享、转让、公开披露您的信息</li>
        <li>四、我们如何存储和保护您的信息</li>
        <li>五、您如何管理您的信息</li>
        <li>六、我们如何处理未成年人的信息</li>
        <li>七、本隐私权政策如何更新</li>
        <li>八、如何联系我们</li>
      </ul>
    </div>
  </div>
</template>

<script>

export default {

};
</script>
<style lang="scss" scoped>
.header{
  align-items: center;
  background-color: #fff;
  box-sizing: border-box;
  color: black;
  padding: 15px;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 5px 2px rgba($color: #ccc, $alpha: 0.1);
  div {
    flex-grow: 1;
   h1 {
      margin: 0px;
      font-size: 1.5rem;
      font-weight: bolder;
    }
  }
}
.content {
  padding: 15px;
  font-size: 16px;
}
</style>